//搜索框下面部分，病害推荐
<template>
  <div class="box">
    <h1 class="h1">热门搜索</h1>
    <hr style="width: 400px" />
    <br /><br />
    <div class="li" @click="xiangxi3('苹果黑星病')">
      <div class="img">
        <img
          src="@/assets/apple-health.png"
          style="width: 230px; height: 230px; float: left"
        />
        <div class="right">
          <h2>苹果黑星病</h2>
          <div class="text">
            主要为害叶片或果实，叶柄、果柄、花芽、花器及新梢，从落花期到苹果成熟期均可为害。<br />(1)枝干。在枝端十几厘米以内的部位产生黑褐色长椭圆形病斑，枝条长大时病斑会消失。在特别感病品种上，形成泡肿状。
            <br />(2)叶片。病斑最早从叶片正面产生，先为淡黄的圆形或放射状，约3～5mm，色泽较周围组织深，后渐变为褐色，最后为黑色，上有一层黑色霉状物。幼嫩叶片发病较重时，叶形变小、叶片增厚，呈卷曲或扭曲状。随着叶片老化，病斑周围的健全组织增厚使病斑向上凸出黑色边缘明显，其背面呈环状凹入。叶柄上病斑呈长条形。<br />(3)花器。花瓣褪色，萼片尖端呈灰色，因有绒毛覆盖，不宜被察觉。花梗变黑色，发病一圈时花脱落。<br />(4)果实。在果肩或胴部产生黄绿色小斑点，后变成黑褐色或黑色病斑，呈圆形或椭圆形，表面有黑色霉层。随着果实的增大，病部因停止生长而变为凹陷、龟裂状。病果凸凹不平，成为畸形果。后期，病斑上面常有土红色粉红菌和浅粉红色镰刀菌腐生。后期新感染的病斑，因果面不再增大，所以病斑不凹陷，上面覆一层放射状黑色霉层。在贮藏期发病果实的病斑逐渐扩大。
          </div>
        </div>
      </div>
    </div>
    <div style="margin-top: 60px" @click="xiangxi3('葡萄黑腐病')">
      <div class="img">
        <img
          src="@/assets/grape.jpg"
          style="width: 230px; height: 230px; float: left"
        />
        <div class="right">
          <h2>葡萄黑腐病</h2>
          <div class="text">
            主要发生在果实、叶片、叶柄和新梢上。<br />(1)果实被害后发病初期产生紫褐色小斑点，逐渐扩大后，边缘褐色，中央灰白色，稍凹陷，发病果软烂，而后变为干缩僵果，有明显棱角，不易脱落，病果上生出许多黑色颗粒状小突起，即病菌的分生把子器或子囊壳。<br />(2)叶片发病时，初期产生红褐色小斑点，逐渐扩大成近圆形病斑，直径可达4~7厘米，中央灰白色，外缘褐色，边缘黑褐色，上面生出许多黑色小突起，排入成环状。<br />(3)新梢受害处生褐色椭圆形病斑，中央凹陷，其上生有黑色颗粒状小突起。黑腐病和房枯病，病菌形态上的主要区别--房枯病分生孢子比黑腐病的分生孢子狭而长，子囊孢子比黑腐病的大。
          </div>
        </div>
      </div>
    </div>
    <div style="margin-top: 60px" @click="xiangxi3('番茄叶斑病')">
      <div class="img">
        <img
          src="@/assets/tomcat.jpg"
          style="width: 230px; height: 230px; float: left"
        />
        <div class="right">
          <h2>番茄叶斑病</h2>
          <div class="text">
            主要为害叶片、叶柄、花梗、花萼、花瓣，以叶片为重，叶柄少见，不侵害果实。番茄灰叶斑病流行时，植株上、下部叶片同时发病。<br />(1)叶片。叶片上出现长径2～4mm的灰褐色近圆形小病斑，病斑沿叶脉逐渐扩展呈不规则形，后期干枯易穿孔，叶片逐渐枯死。<br />(2)茎发病多在叶发病重的地方出现2mm左右灰褐色近圆凹陷病斑，并逐渐干枯，造成植株不能正常生长。<br />(3)花朵。发病主要在花萼和花柄上出现2mm左右灰褐色病斑。在花未开之前发病引起落花，不能坐果。<br />
            (4)果实。因叶片枯死，造成果实不能膨大，成熟时果实变黄红色，缺乏光泽。挂果后花萼发病不引起落果，但造成果蒂干枯。
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { plants } from "@/api/index";
export default {
  data() {
    return {
      records: [],
      total: 160,
      size: 16,
      current: 1,
      pages: 10,
    };
  },
  methods: {
    xiangxi3(name) {
      //页面跳转，并携带参数，搜索的字符串，用于搜索病害详情
      this.$router.push({
        path: "/xiangxi3",
        query: {
          context: name,
        },
      });
    },
  },
};
</script>
<style scoped>
.box {
  width: 1100px;
  /* height: 100; */
  /* height:1200px; */
  background-color: rgb(255, 255, 255);
  margin-top: 0px;
}
.h1 {
  margin-left: 500px;
  color: rgb(49, 107, 58);
  /* border: 1px; */
}
.img {
  width: 1000px;
  height: 230px;
  background-color: beige;
  margin: auto;
  /* float: left; */
}
.right {
  float: left;
  width: 770px;
  height: 230px;
  background-color: rgb(255, 255, 255);
}
h2 {
  margin-top: -4px;
  margin-left: 30px;
  color: aliceblue;
  background-color: rgb(24, 108, 44);
}
.text {
  width: 750px;
  height: 190px;
  margin-top: -10px;
  background-color: rgb(237, 237, 237);
  overflow: hidden;
  margin-left: 30px;
}
.li {
  border: 1px;
}
</style>
